@charset "utf-8";
/* Reset */html,body{width:100%;height:100%}
html{overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:'돋움',dotum,Helvetica,sans-serif;font-size:12px;color:#383d41}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button,label{vertical-align:middle}
img{vertical-align:middle}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#2f3743;text-decoration:none}
a:hover{color:#000;text-decoration:underline}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{/* border-collapse:collapse;table-layout:fixed; */border-collapse:collapse;border-spacing:0}

/* common */
.blind , legend {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.show{display:block}
.hide{display:none}
.strong, .bold {font-weight:bold}
.center {text-align:center}
.right{text-align:right}
.left{text-align:left}
.pointer {cursor:pointer;}

/* Color */
.red{color:#ec0c0d}
.orange{color:#f98116}
.blue{color:#4396f5}
.green{color:#46ad17}
.gray{color:#A2A2A2}

/* width */
.wd50 { width:50px !important; }
.wd60 { width:60px !important; }
.wd70 { width:70px !important; }
.wd80 { width:80px !important; }
.wd90 { width:90px !important; }
.wd100 { width:100px !important; }
.wd150 { width:150px !important; }
.wd200 { width:200px !important; }
.wd250 { width:250px !important; }
.wd300 { width:300px !important; }
.wd400 { width:400px !important; }
.wd500 { width:500px !important; }
.wd600 { width:600px !important; }
.wd700 { width:700px !important; }
.wd800 { width:800px !important; }
.wd1200 { width:1200px !important; }

/* margin padding */
.ml10 {margin-left:10px}
.mr10 {margin-right:10px}
.mt10 {margin-top:10px}
.mt25 {margin-top:25px}
.mb10 { margin-bottom:10px; }

/* input */
select{height:20px;line-height:30px}
.input_text{height:17px;border:1px solid #c4c4c4}
.input_checkbox,.input_radio{
    width:13px;
    height:13px;
    margin-bottom:3px;
    margin-right:-1px;
    vertical-align:middle;
}

/* paging */
.paging{height:25px;margin-top:20px;text-align:center}
.paging a,.paging strong{display:inline-block;padding:6px 9px;border:1px solid #b0b0b0;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;-webkit-box-shadow:0 1px 1px #999}
.paging a:hover{text-decoration:none}
.paging a img{display:inline;vertical-align:middle}
.paging .on{font-weight:bold;color:red}
.paging .prev{margin-right:15px}
.paging .next{margin-left:15px}

/* button */
.btn_right{text-align:right}

.button{vertical-align:middle;display:inline-block;position:relative;height:17px;padding:1px 5px;border:1px solid #b0b0b0;border-radius:2px;background:#fbfbfb;line-height:17px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;-webkit-box-shadow:0 1px 1px #ccc;}
.button:hover{text-decoration:none}
.btntype {vertical-align:middle;border:1px solid #b0b0b0;height:21px;padding:0 5px;*padding:0 1px;border-radius:2px;background:#fbfbfb;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;-webkit-box-shadow:0 1px 1px #ccc}

.button.blue{border:1px solid #3f85d4;background:#4396f5;color:#fff}
.button.green{border:1px solid #2f9004;background:#46ad17;color:#fff}
.button.orange{border:1px solid #ff6815;background:#f98116;color:#fff}
.button.black{border:1px solid #333;background:#666;color:#fff}
.button.red{border:1px solid #df1922;background:#ec0c0d;color:#fff}
.button.gray{border:1px solid #616161;background:#828282;color:#fff}

.btntype.blue{border:1px solid #3f85d4;background:#4396f5;color:#fff}
.btntype.green{border:1px solid #2f9004;background:#46ad17;color:#fff}
.btntype.orange{border:1px solid #ff6815;background:#f98116;color:#fff}
.btntype.black{border:1px solid #333;background:#666;color:#fff}
.btntype.red{border:1px solid #df1922;background:#ec0c0d;color:#fff}
.btntype.gray{border:1px solid #616161;background:#828282;color:#fff}

.button.small{height:14px;line-height:16px; font-size:11px;}
.button.middle{height:21px;line-height:21px}
.button.large{height:25px;line-height:25px}

.btntype.middle{height:25px;}
.btntype.large{height:29px;}

.button.bold{font-weight:bold}

/* table */
.tbl_option{position:relative;overflow:hidden;*zoom:1}
.tbl_option:after{display:block;clear:both;content:''}
.option_left{float:left}
.option_right{float:right}

.tbl{width:100%;margin-top:10px;border-collapse:collapse;text-align:center}
.tbl th,.tbl td{padding:8px 0;border:1px solid #DBDBDB;word-break:break-all;word-wrap:break-word}
.tbl th{background:#eff0f1;font-weight:bold}
.tbl th.left,.tbl td.left{padding-left:15px;text-align:left}
.tbl th.center,.tbl td.center{padding:0;text-align:center}
.tbl tbody tr:hover{background:#f0f5fb;}
.tbl tfoot td.nborder { border:none; }
.bg_red{background:#e5a3a3 !important}
.bg_green{background:#c4df9b !important}
.bg_blue{background:#9bc1df !important}

.tbl_board{width:100%;margin-top:10px;border-collapse:collapse;text-align:center}
.tbl_board th{padding:8px 0;border-top:1px solid #DBDBDB}
.tbl_board td{padding:8px 0;border-bottom:1px solid #dbdbdb;word-break:break-all;word-wrap:break-word}
.tbl_board th{background:#eff0f1;font-weight:bold}
.tbl_board th.left,.tbl_board td.left{text-align:left}
.tbl_board th.center,.tbl_board td.center{padding:0;text-align:center}
.tbl_board tbody tr:hover{background:#f0f5fb}

.tbl_board2{width:100%;margin-top:10px;border-collapse:collapse;border-top:1px solid #ccc;text-align:left}
.tbl_board2 th,.tbl_board2 td{padding:8px 10px;border-bottom:1px solid #DBDBDB;text-align:left;word-break:break-all;word-wrap:break-word}
.tbl_board2 th{background:#eff0f1}

.tbl_view{width:100%;margin-top:10px;border-collapse:collapse;border:1px solid #ccc;text-align:center}
.tbl_view th,.tbl_view td{padding:8px 0;border-bottom:1px solid #ccc;word-break:break-all;word-wrap:break-word}
.tbl_view th{background:#eff0f1;font-weight:bold}
.tbl_view td{padding-left:8px; padding-right:8px; text-align:left}

/* tab */
.tab{overflow:hidden;position:relative;width:100%;background:url(/img/comm/bg_tab.png) repeat-x 0 bottom;*zoom:1}
.tab li{display:inline;float:left;_width:100px;margin-right:-1px}
.tab a{display:block;height:32px;margin-bottom:1px;padding:0 10px;border:1px solid #e7e7e7;border-bottom:0;background:#fbfbfb;line-height:33px;text-align:center}
.tab a:hover{text-decoration:none}
.tab .on{position:relative}
.tab .on a{height:33px;margin-bottom:0;border-color:#c9c9c9;background:#fff;font-weight:bold;color:#3f85d4;border-bottom:1px solid #fff;}
.tab .on a:after{display:block;position:absolute;left:0;bottom:-3px;width:100%;height:2px;border-top:2px solid #fff;content:''}

.section_tit{position:relative;height:18px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #000;font-size:18px;letter-spacing:-1px}
.section_tit span{position:absolute;top:0;right:0;font-size:12px;font-weight:normal;color:#888}

/* Layout */
#wrap{min-width:1000px}
#header {position:fixed;top:0;left:0;width:100%;height:104px;z-index:1000;}
/*
#container{position:relative;top:85px; padding:15px;}
*/
#container{position:relative;top:45px; padding:15px;}
#container:after{display:block;clear:both;content:''}
#aside{position:absolute;top:0;left:0;width:200px}
#content{padding:10px;}
#content_aside{padding:10px 10px 0 210px}




/* login 스타일 */
/*
.wrap_login {position:absolute;top:50%;left:50%;width:400px;height:260px;margin:-200px 0 0 -200px;border:1px solid #dfdfe1;background:#fff;}
*/
.wrap_login {position:absolute;top:50%;left:50%;width:400px;height:260px;margin:-200px 0 0 -200px;background:#fff;}
.inner_login {position:relative;padding:15px;}
.inner_login h1 {height:40px;font-size:16px;font-family: 'Nanum Gothic', sans-serif;color:#fff;line-height:40px;border-bottom:3px solid #666;text-align:center;
    background: #525869; /* Old browsers */
    background: -moz-linear-gradient(top,  #df0303 0%, #bd0707 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df0303), color-stop(100%,#bd0707)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #df0303 0%,#bd0707 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #df0303 0%,#bd0707 100%); /* Opera 11.10+ */   
    background: -ms-linear-gradient(top,  #df0303 0%,#bd0707 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #df0303 0%,#bd0707 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df0303', endColorstr='#bd0707',GradientType=0 ); /* IE6-9 */
}
.login_cate {margin-top:20px;color:#666;}
.login_input {margin-top:10px;}
.login_input .input_log {width:350px;height:40px;padding:0 10px;border:1px solid #dedede;font-size:14px;line-height:40px;}
.btn_slogin {display:block;margin-top:10px;height:35px;width:100%;}


/* ---------------------------------------------------------------------------------------------- */
/* 상단 메뉴 관련 부분 */
/* ---------------------------------------------------------------------------------------------- */


.header_info{position:relative;height:24px;background:#454b5e}
.header_info h1{padding:5px 0 0 10px;color:#fff}
.header_info .top_nav{position:absolute;top:5px;right:10px;font-size:11px;color:#cbccd0}
.header_info .top_nav span{padding-right:10px;color:#a4abb6}
.header_info .top_nav a{color:#cbccd0}
.header_info .top_nav a:hover{color:#fff}

/* gnb */
.bx_gnb{height:49px;background:url(/img/comm/bg_gnb.gif) repeat-x 0 0}
.gnb{*zoom:1}
.gnb:after{display:block;clear:both;content:''}
.gnb a{display:inline-block;padding:0 15px;color:#a4abb6}
.gnb a:hover{text-decoration:none}

.gnb li{float:left;position:relative;background:url(/img/comm/gnb_line.gif) no-repeat right 0}
.gnb li a{height:49px;line-height:49px}
.gnb li a.active,.gnb li a:hover{background:#4271c9;font-weight:bold;color:#fff;letter-spacing:-1px}

.gnb li ul{display:none;position:absolute;top:49px;left:0;_width:700px;min-width:700px}
.gnb li li{float:left;background:none}
.gnb li li a{height:31px;padding:0 10px;line-height:31px}
.gnb li li a.active,.gnb li li a:hover{background:none;font-weight:bold;color:#448ccb;letter-spacing:-1px}